import { useState } from 'react'
import './index.less'
import Header from './components/Header'
import Banner from './components/Banner'
import Swipers from './components/Swpier'
import { Image, Row, Col, List } from 'antd'
import Footer from './components/Footer'
import Information from './components/Information'
import {
  HomeOutlined,
  SettingFilled,
  SmileOutlined,
  SyncOutlined,
  LoadingOutlined,
} from '@ant-design/icons';

function App() {
  const [count, setCount] = useState(0)
  const [mylist, setMylist] = useState([])
  return (
    <>
      <Header />
      <Banner />
      <div className='blank'></div>
      <div className='content'>

        <Row justify="center">
          <Col span={12}>

          </Col>
          <Col span={6}>
          
          </Col>
        </Row>

        <Row className="comm-main" type="flex" justify="center">
          <Col className="comm-left" xs={24} sm={24} md={16} lg={18} xl={14}  >
            左边
          </Col>
          <Col className="comm-right" xs={0} sm={0} md={7} lg={5} xl={4}>
            {/* <Author />
          <Advert /> */}
            右边
          </Col>
        </Row>
      </div>
      <div className="b">bbb</div>
      <Footer />
    </>

  )
}

export default App
